﻿/*MENU
------------------------------------------------------------*/
#menu 
{
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: .8em;
    width: 1000px;
    position: fixed;
    background-image: url('images/menu-bgr.png');
    background-repeat: repeat-x;
    top: 0px;
    left: auto;
    height: 25px;
    z-index: 2;
}
#menu li
{   
	list-style: none;
	float: left;
    max-width: 200px;
}
#menu ul li.divider
{
    width: 7px;
}
#menu li a 
{
	display: block;
    padding: 5px 10px;
	text-transform: uppercase;
	text-decoration: none; 
	color: #474322;
	text-shadow: 1px 1px 1px #c8c39f;
	font-weight: bold; 
}
.menu-item
{
    margin-left: 16px;
    margin-right: 15px;
}
#menu li a:hover 
{
    cursor: pointer;
	color: #000;
	display: block; 
	text-shadow: 1px 1px 1px #c8c39f;
}
#menu li ul 
{
	display: block;  
    top: 25px;
    background: #c7c29a url('images/submenu-bgr.png') bottom repeat-x; 
}

#menu li ul#popupProducts.clicked.submenu-footer
{
	position: absolute;
    /*right: 0;*/
	margin: 0;
	padding: 0;
}

#menu li ul#popupSearch.clicked, #menu li ul#popupProducts.clicked, #menu li ul#popupViewed.clicked, #menu li ul#popupCart.clicked
{
	position: absolute;
    vertical-align: bottom;
    /*right: 0;*/
	margin: 0;
	padding: 0;
}
#menu li ul#popupSearch.unclicked, #menu li ul#popupProducts.unclicked, #menu li ul#popupViewed.unclicked, #menu li ul#popupCart.unclicked
{
    cursor: pointer;
	position: absolute;
	display: none;
    /*right: 0;*/
	margin: 0;
	padding: 0;

}
/*#menu li ul#popupSearch.clicked.right
{
	position: absolute;
    right: 0;
	margin: 0;
	padding: 0;
}*/
#MenuPath
{
    margin-left: 5px;
    padding: 5px 5px 5px 0px; 
}
.menu-table
{
    max-width: 200px;
}
.menu-table tr
{
    vertical-align: middle;
}
.menu-table tr.hovered
{
    height: 30px;    
}

.menu-table tr.hovered:hover
{
    background-color: #b3ad7f;
}
.menu-price
{
    color: Green; 
    font-weight: bold;    
}
.menu-action-price
{
    text-decoration: line-through; 
    color: Red;
    font-weight: bold;   
}
.menu-close-button
{
    position: absolute; 
    float: right; 
    right: 5px; 
    bottom: 5px;
    background: url('images/close.png') no-repeat;
    width: 12px;
    height: 12px;
}
.menu-close-button:hover
{
    position: absolute; 
    float: right; 
    right: 5px; 
    bottom: 5px;
    background: url('images/close-hover.png') no-repeat;
    width: 12px;
    height: 12px;
}
.menu-make-order a
{
    text-decoration: none !important;
    text-align: center;
    color: green !important;
}
.menu-make-order a:hover
{
    text-decoration: underline !important;
}